<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ATeam</title>
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" href="./bootstrapdz/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
              <img src="./images/logo.png" alt="">
            </a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
  </nav>

  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>
  
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="./uploads/banner_1.jpg" alt="...">
        <div class="carousel-caption">
          ...
        </div>
      </div>
      <div class="item">
        <img src="./uploads/banner_2.jpg" alt="...">
        <div class="carousel-caption">
          ...
        </div>
      </div>
      <div class="item">
        <img src="./uploads/banner_3.jpg" alt="...">
        <div class="carousel-caption">
          ...
        </div>
      </div>
      <div class="item">
        <img src="./uploads/banner_4.jpg" alt="...">
        <div class="carousel-caption">
          ...
        </div>
      </div>
    </div>
  
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>

  <div class="project">
    <h1 class="h2">OpenSource/开源项目</h1>
    <p>种类众多的开源项目，让你爱不释手</p>
    <div class="container">
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
    </div>
    <div class="more">
      <a href="">更多作品 ></a>
    </div>
  </div>
  
  
  <div class="project">
    <h1 class="h2">Product/作品</h1>
    <p>新奇好玩的作品，让你欲罢不能</p>
    <div class="container">
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
      <div class="col-xs-12 col-sm-6 col-md-3"><a href=""></a></div>
    </div>
    <div class="more">
      <a href="">更多作品 ></a>
    </div>
  </div>

  <div class="project blog">
    <h1 class="h2">Blog/博客</h1>
    <p>最新技术发展,业界前沿博客</p>
    <div class="container">
      <div class="col-md-6 col-sm-12">
        <ul class="list-group">
          <li class="list-group-item">
            <h4>
              最新博客
              <a href=""><i class="glyphicon glyphicon-option-horizontal"></i></a>
            </h4>
          </li>
          <li class="list-group-item">Dapibus ac facilisis in</li>
          <li class="list-group-item">Morbi leo risus</li>
          <li class="list-group-item">Porta ac consectetur ac</li>
          <li class="list-group-item">Vestibulum at eros</li>
        </ul>
      </div>
      <div class="col-md-6 col-sm-12">
        <ul class="list-group">
          <li class="list-group-item">
            <h4>
              最新博客
              <a href=""><i class="glyphicon glyphicon-option-horizontal"></i></a>
            </h4>
          </li>
          <li class="list-group-item">Dapibus ac facilisis in</li>
          <li class="list-group-item">Morbi leo risus</li>
          <li class="list-group-item">Porta ac consectetur ac</li>
          <li class="list-group-item">Vestibulum at eros</li>
        </ul>
      </div>
    </div>
  </div>

  <div class="project">
    <h1 class="h2">SuperStar/超级明星俱乐部</h1>
    <p>技术达人，最强大脑，前端先驱</p>
    <div class="container star">
      <div class="col-xs-12  col-md-4">
        <div class="avatar">
          <div class="hea">
            <div class="imgs">
              <img src="./uploads/jetyu.jpg" alt="">
            </div>
            <h3>dsds</h3>
          </div>
          <div class="desc">AlloyTeam 创始人</div>
        </div>
      </div>
      <div class="col-xs-12  col-md-4">
        <div class="avatar">
          <div class="hea">
            <div class="imgs">
              <img src="./uploads/jetyu.jpg" alt="">
            </div>
            <h3>dsds</h3>
          </div>
          <div class="desc">AlloyTeam 创始人</div>
        </div>
      </div>
      <div class="col-xs-12  col-md-4">
        <div class="avatar">
          <div class="hea">
            <div class="imgs">
              <img src="./uploads/jetyu.jpg" alt="">
            </div>
            <h3>dsds</h3>
          </div>
          <div class="desc">AlloyTeam 创始人</div>
        </div>
      </div>
    </div>
    <div class="more">
      <a href="">更多作品 ></a>
    </div>
  </div>

  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-md-5 col-sm-12">
          <div class="logo">
            <img src="./images/logo.png" alt="">
            <div class="team">成为地球卓越的Web团队</div>
            <div class="copy">
              Copyright
              <span>©</span>
              2021
              <a href=""> AlloyTeam</a>
              . All Rights Reserved.
            </div>
            <a href="">粤ICP备15071938号-2</a>
          </div>
        </div>
        <div class="col-md-2 hidden-sm hidden-xs links">
          <h4>兄弟团队</h4>
          <div class="linkss">
            <a href="">腾讯CDC</a>
            <a href="">腾讯ISUX</a>
            <a href="">腾讯TGideas</a>
            <a href="">腾讯FERD</a>
            <a href="">百度FEX</a>
            <a href="">淘宝FED</a>
          </div>
        </div>
        <div class="col-md-2 hidden-sm hidden-xs links">
          <h4>兄弟团队</h4>
          <div class="linkss">
            <a href="">腾讯CDC</a>
            <a href="">腾讯ISUX</a>
            <a href="">腾讯TGideas</a>
            <a href="">腾讯FERD</a>
            <a href="">百度FEX</a>
            <a href="">淘宝FED</a>
          </div>
        </div>
        <div class="col-md-3 col-sm-12 code">
          <div class="row">
            <div class="col-md-6 col-xs-6">
              <img src="./uploads/qq.gif" alt="">
              <p>QQ群：162225981</p>
            </div>
            <div class="col-md-6 col-xs-6">
              <img src="./uploads/weixin.gif" alt="">
              <p>微信公众号:AlloyTeam</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <script src="./bootstrap/js/jquery.js"></script>
  <script src="./bootstrap/js/bootstrap.min.js"></script>
  <script>
    var navheader=document.querySelector('.navbar-default')
    var navbar=document.querySelector('.navbar-collapse')
    window.onscroll=function(){
      if(window.pageYOffset>0){
        navheader.style.background='black'
        navbar.style.transform="translateY(20px)"
      }else{
        navheader.style.background=''
        navbar.style.transform="translateY(0)"
      }
    }
  </script>
</body>
</html>